<template>
	<view class='my-config'>
		<view class="headnavi">
			<image class="arrow" src="../../static/home/main/details/arrow.png" @click="goBack()"></image>
			<view class="navi-title">设置</view>
		</view>
		<view class='config-item' @click="goEdit()">
			<view>编辑资料</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item' >
			<view>主题颜色</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>消息通知</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>关于我们</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>版本更新</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>帮助与反馈</view>
			<view class='config-mark'> > </view>
		</view>
		
		
		<view class='my-exit' @click="exit" v-loading.fullscreen.lock="loading" element-loading-text="正在退出...">退出</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading:false
			}
		},
		methods: {
			exit(){
				uni.showLoading({})
				setTimeout(() => {
				  uni.hideLoading({})
				  uni.removeStorageSync('userInfo');
				  uni.navigateTo({
				  	url:'../../pages/login/login'
				  })
				}, 1000);
				
			},
			goBack() {
				uni.reLaunch({
				  url: '/pages/my/my' // 当前页面的路径
				});
			},
			goEdit(){
				uni.navigateTo({
					url: '/pages/editProfile/editProfile'
				})
			},
		}
	}
</script>

<style lang='scss' scoped>
	.headnavi {
		/* height: 10%; */
		width: 100vw;
		background-color: white;
		/* position: sticky; */
		display: flex;
	
		box-shadow: 0rpx 10rpx 20rpx 0rpx #e5e5e5;
		padding-bottom: 1vh;
	
		.arrow{
			/* transform: rotate(180deg); */
			width: 6vw;
			height: 3vh;
			margin-top: 5vh;
			margin-left: 5vw;
		}
	
		.navi-title {
			margin-top: 5vh;
			margin-left: 33vw;
			font-size: 40rpx;
			color: #FF8D1A;
	
		}
	}
	.config-item{
		display: flex;
		justify-content: space-between;
		padding:20rpx 0 20rpx 20rpx;
		border-bottom: 2rpx solid #CCCCCC;
	}
	.config-mark{
		padding-right:10rpx;
	}
	.my-exit{
		margin-top: 10rpx;
		background-color: #EA9C60;
		width:100%;
		line-height: 80rpx;
		color:#FFFFFF;
		text-align: center;
	}

</style>
